/* kaifanla css stylesheet */
body {
  margin-top: 50px;
  position: relative;
}
/*重写ng-animate的钩子样式，自定义转场动画*/
.page {
  /*angular的animate模块支持c3动画和js动画*/
  transition: all 2s linear;
  position: absolute;
  width: 100%;
  /*因为angular的animate模块提供了c3动画和js动画钩子
  我们只需要重写这些钩子样式即可实现自己想要的动画效果*/
}
.page.ng-leave {
  left: 0;
  opacity: 1;
}
.page.ng-leave.ng-leave-active {
  left: -100%;
  opacity: 0;
}
.page.page.ng-enter {
  left: 100%;
  opacity: 0;
}
.page.page.ng-enter.ng-enter-active {
  left: 0;
  opacity: 1;
}
.center {
  margin: 0 auto 0;
}
.middle {
  vertical-align: middle;
}
.price {
  color: red;
  font-family: font-family;
  font-size: 20px;
}
.border-top {
  border-top: 1px solid #ddd;
}
#main button > img {
  height: 20px;
  width: 20px;
}
#myorder table {
  border: 1px solid #ddd;
}
#myorder table td {
  vertical-align: middle;
}
/*footer 中的样式*/
.navbar-fixed-bottom > .container > ul {
  width: 100%;
}
.navbar-fixed-bottom > .container > ul > li {
  width: 33.3%;
  float: left;
}
.navbar-fixed-bottom > .container > ul > li > a {
  width: 100%;
  height: 100%;
  line-height: 100%;
  text-align: center;
}
